import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'
import App from '../App'
import Teach from "../components/Teach/Teach"
// import UserMgr from "./components/teach/UserMgr";
// import DataMgr from "./components/teach/DataMgr";
// import ConfigMgr from "./components/teach/ConfigMgr";
// import StateMonitor from "./components/teach/StateMonitor";
// import AdminMgr from "./components/teach/subPage/AdminMgr";
// import TeacherMgr from "./components/teach/subPage/TeacherMgr";
// import StudentMgr from "./components/teach/subPage/StudentMgr";
// import PasswdMgr from "./components/teach/subPage/PasswdMgr";
 
export default function AppRouter() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<App />}>
          <Route path="" element={<Navigate to="/teach" />}>
          </Route>
          <Route path='/teach' element={<Teach />}>
            {/* <Route path="" element={<Navigate to="userMgr" />}></Route>
            <Route path="userMgr" element={<UserMgr />}>
              <Route path="" element={<Navigate to="adminMgr" />}></Route>
              <Route path="adminMgr" element={<AdminMgr />}> </Route>
              <Route path="teacherMgr" element={<TeacherMgr />}> </Route>
              <Route path="studentMgr" element={<StudentMgr />}> </Route>
              <Route path="passwdMgr" element={<PasswdMgr />}> </Route>
            </Route>
            <Route path="dataMgr" element={<DataMgr />}></Route>
            <Route path="configMgr" element={<ConfigMgr />}></Route>
            <Route path="stateMonitor" element={<StateMonitor />}></Route> */}
          </Route>
        </Route>
      </Routes>
    </Router >
  )
}